<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<div class="nr">
<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="../js/jquery.cstTab-1.0.0.js"></script>
<link href="../css/liuyanban.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
        $(function() {
            //Tab。
            $("div[data-flag='cst-tab-container']").cstTab();
		$("#one").click(function(){
			$(this).css({"background-image":"url()"});/*控制本身*/


			$(".mid_02_02_02").css({"color":"red"});/*第一个是选取改变的DIV、再添加CSS样式*/
		});
		$("#two").click(function(){
			$(".mid_02_02_02").css({"color":"yellow"});
		});
		$("#three").click(function(){
			$(".mid_02_02_02").css({"color":"green"});
		});
        });
    </script>
</head>

<body>
<!-- <div id="contents">-->
<div class="dk">
	<div class="content" id="content">
		<div class="content_1" data-flag="cst-tab-container">
		  <h3> <span data-flag="cst-tab-head" z-index:0><span class="youyi" id="one" >FoSCA</span></span> <span data-flag="cst-tab-head" z-index:-1><span class="youyi" id="two">学习交流专栏</span></span> <span data-flag="cst-tab-head" z-index:-2><span class="youyi" id="three">生活服务专栏</span></span> </h3>
		  <div data-flag="cst-tab-body"> </div>
		</div>
		<div data-flag="cst-tab-body">
		  <div class="nr2"> </div>
		</div>
		<div data-flag="cst-tab-body">
		  <div class="nr3"> </div>
		</div>
	</div>
</div>
</body>
</html>
